<template>
    <div id="container">
        404
        <el-button type="primary" @click="goto_index">Back To The Index</el-button>
    </div>
</template>

<script>
export default {
    name: 'Page404',
    methods: {
        goto_index() {
            this.$router.push('/');
        }
    }
}
</script>

<style lang='scss'>
    #container {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
</style>